<template>
  <div class="page-home">
    <pc-component v-if="!counterStore.isMobile && show"></pc-component>
    <h5-component v-if="counterStore.isMobile && show"></h5-component>
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import PcComponent from './pc.vue'
import H5Component from './h5.vue'
import { useSideStore } from '@/store/state'
const counterStore = useSideStore()
const show = ref(false)
onMounted(() => {
  setTimeout(() => {
    show.value = true
  }, 50);
})
</script>

<style lang="scss" scoped>

</style>